<template>
  <div style="margin: 0;padding: 0">
<!--    <div style="width: 100%;height: 100px;">-->
<!--      <audio :src="musicList.url" controls class="music" ref="audioDom" loop autoplay >-->

<!--      </audio>-->
<!--      <button @click="handleClick">点击关闭</button>-->
<!--      <button @click="handheClick">点击播放</button>-->

<!--      <ul class="mlist">-->
<!--        <li  v-for="(item,index) of musicList"  :key="index">-->
<!--          {{item.songname}}-->
<!--        </li>-->

<!--      </ul>-->
<!--    </div>-->
    <vue-audio></vue-audio>
  </div>
</template>

<script>
import VueAudio from "@/components/VueAudio";
export default {
  name: "myfooter",
  data() {
    return {
      musicList: []
    };
  },
  methods: {
    // handleClick(){
    //   this.$refs["audioDom"].pause()
    // },
    // handheClick(){
    //   this.$refs["audioDom"].play()
    // }
  },
  // created() {
  //   // this.getMusicList();
  //   this.$axios.get('/api/user/list', {headers: {TOKEN: localStorage.getItem('TOKEN')}}).then(res => {
  //     console.log(res.data.data[0].musicList)
  //     // if (res.data.data != null && res.data.data.length > 0) {
  //     //   this.musicList = [];
  //     //   for (let i =0;i<res.data.data[0].musicList.length;i++) {
  //     //     this.musicList.push({
  //     //       title:  res.data.data[0].musicList[i].songname,
  //     //       src:  this.$axios.defaults.baseURL + res.data.data[0].musicList[i].url,
  //     //     })
  //     //   }
  //     // }
  //
  //   })
  // },
  // created() {
  //   this.$axios.get('/api/user/list', {headers: {TOKEN: localStorage.getItem('TOKEN')}}).then(res => {
  //     console.log(res.data.data[0].musicList)
  //     if (res.data.data != null && res.data.data.length > 0) {
  //       this.musicList = res.data.data[0].musicList;
  //     }
  //
  //   })},
  components: {
    VueAudio
  },

}
</script>

<style scoped>

</style>